body {
  font-family: "微软雅黑";
  font-size: 14px;
  line-height: 2;
  color: #333;
  background-color: #fff;
  overflow-x: hidden;
  margin: 0;
}
a,a:link {
  color: #333;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #1f45b1;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.hv a:hover{ text-decoration:none;color:#003a8a;-webkit-transition: all .5s;transition: all .5s;}
ul,li,ol,dd,dt,dl{ list-style:none; margin:0; padding:0;}
.clearfix{ clear:both; height:0px;}
.inn{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position: relative;}
.pa{ position: absolute;}
.oh{ overflow: hidden;}
.cf{ color: #fff;}
.cfa a{ color: #fff;}
.c3{color: #333;}
.c3a a{ color: #333;}
.fwn{ font-weight: normal;}
.fwb{ font-weight: bold;}
.ma15{ margin:15px auto;}
.ma20{ margin:20px auto;}
.ma30{ margin:30px auto;}
.ma50{ margin:50px auto;}
.mb30{ margin-bottom:30px;}
.pb30{ padding-bottom:30px;}
.pa15{ padding:15px 0;}
.pa20{ padding:20px 0;}
.pa30{ padding:30px 0;}
.pa50{ padding:50px 0;}


/* head */
.head{ background:#1f45b1; height:40px; line-height:40px;}
.head p{ margin:0px; padding:0px; float:left; color:#fff; font-size: 12px;}
.head p a{color: #fff;}
.head span{ float:right; margin-top:5px;}
.sousuo{ background:#a5a5a5 url(../images/search.png) no-repeat center;width:32px; height:30px; border:0px;float:left; }
.sousuo1{border:1px solid #ccc; width:190px; height:30px; line-height:30px; float:left; border-right:0px; padding-left:5px;}

/* nav */
.logo{ float:left;}
.meau{ float:left;}
.meau li{ float:left; border-left:1px solid #ccc;position:relative;}
.meau li.last{ border-right:1px solid #ccc;}
.meau li a{ padding:0 31px;line-height:116px; font-size:16px; display:block; color: #333;}
.meau li:hover{ background:#1f45b1;-webkit-transition: all .5s;transition: all .5s; }
.meau li:hover>a{ color:#fff; text-decoration:none;-webkit-transition: all .5s;transition: all .5s; }
.meau li ul{ position: absolute; top:116px; left: 0; min-width: 100%; z-index: 99; background: #f1f1f1; display:none;}
.meau li:hover ul{display:block;}
.meau li li{min-width: 100%; text-align:center; border-bottom:1px solid #666;white-space:nowrap;}
.meau li li a{ line-height:4; padding:0 5px;}
.meau li li:hover{ background: none;}
.meau li li:hover a{ color: #1f45b1;-webkit-transition: all .5s;transition: all .5s; }

/* banner*/
.fullSlide{width:100%;position:relative;height:460px;background:none;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:460px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:460px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px; border-radius:50%;margin-right:10px;overflow:hidden;background:#444;/*filter:alpha(opacity=50);opacity:0.5;*/line-height:999px;}
.fullSlide .hd ul .on{background:#fff; opacity:1;/*filter:alpha(opacity=50);*/}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;background:url(/templates/main/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:10%;background-position:-6px -137px;}

.title{ text-align: center;}
.title h2 a{ color:#1f45b1;}
.title h2{ color: #1f45b1; font-size: 27px; font-family: arial; font-weight: normal; margin:0; line-height:1.5;text-transform: uppercase;}
.title h3{ font-size: 20px; color: #333;margin:0; margin-bottom: 10px;}
.title span{ display: block; position: relative; border-bottom: 1px solid #ccc; width:716px; margin:0 auto;}
.title span em{ position: absolute; border-bottom: 4px solid #1f45b1; width: 50px; display: block; left: 46%; top: -2px;}
/*about*/
.about{ margin-bottom: 30px;}
.about p{  float: left; font-size: 14px; text-indent: 2em; }
.about img{ float: right; height:auto;}

/*product*/
.friend{height:380px;margin:0 auto;overflow:hidden;width:1300px;}
.mr_frUl{float:left;height:202px;width:1047px; margin-left: 10px;}
.mr_frUl ul li{display:inline;float:left;width:375px;margin-right:30px;overflow:hidden;position:relative;}
.mr_frUl ul li a img{/*display:block;*/width:100%; border:1px solid #ccc;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:50px;margin:130px 10px 0 0;width:34px;}
.mr_frBtnR{float:right;margin-top:130px;cursor:pointer;width:34px;height:50px;}
.mr_frUl  li h2{ font-weight: normal;font-size: 14px;}
.mr_frUl  li h2 span{  padding:2px 5px; border:1px solid #1f45b1; color: #1f45b1;}
.mr_frUl  li a:hover{ text-decoration: none;}
.mr_frUl  li h2 b{ font-weight: normal; margin-left:10px;}

/*project*/
.title1{ text-align: center;}
.title1 h2{ color: #fff; font-size: 27px; font-family: arial; font-weight: normal; margin:0; line-height:1.5;text-transform: uppercase;}
.title1 h2 a,.title1 h3 a{color:#fff;}
.title1 h3{ font-size: 20px; color: #fff;margin:0; margin-bottom: 10px;}
.title1 span{ display: block; position: relative; border-bottom: 1px solid #fff; width:716px; margin:0 auto;}
.title1 span em{ position: absolute; border-bottom: 4px solid #fff; width: 50px; display: block; left: 46%; top: -2px;}

.pro_bg{ background: #0f3194; color: #fff;}
.project li{ float: left; width: 25%; position: relative;}
.project li img{ max-width: 100%; height: auto;}
.project li:hover img{transform: scale(1.1);-webkit-transition: all .5s;transition: all .5s;}
.project li span{ height: 50px; line-height: 50px; text-align:center; bottom:0px; position: absolute; background: url(/templates/main/images/heise.png); width: 100%; color: #fff; display: none;}
.project li a{ color: #fff;}
.project li:hover span{ display: block;}
.scrollleft{width:1920px;padding:5px 20px 0px 20px;margin:20px auto;}
.scrollleft li{float:left;display:inline;width:380px;text-align:center;line-height:19px}
.scrollleft img{width:380px; height:auto;}

.word{ text-transform: uppercase; margin-bottom: 30px;}
.word h2{ line-height:1; margin:30px 0 0 0;}
.word h3{ line-height: 1; margin:20px 0 10px 0;}
.word p{ width:1200px; margin:0 auto; font-size: 14px;}

/*news*/
.yq{ background: url(/templates/main/images/yq.png) no-repeat; width:30px; height: 250px; float: left;}
.news a{ float: left; font-size: 14px;}
.news li{ float: left; width: 100%; line-height: 3; border-bottom: 1px dotted #ccc;}
.news li span{ float: right; color: #666;}
.news li.current{ border:0;}
.newsi img{ float: left; width:240px; height: 180px; margin-right:30px; margin-bottom: 15px;}
.newsi p{ width: 90%; float: left; font-size: 14px; border-bottom: 1px dotted #ccc;}
.newsi p.cur{ border:0px;}

/*contact*/
.contact_bg{ background: #f1f0f0; font-size: 14px;}
.cont{padding-left:15px;}
.contact_bg h4{ margin-bottom: 30px;}
.feed .inputa input{ width: 260px; height: 45px;line-height: 45px; padding-left: 10px; margin-bottom: 10px;}
.feed .inputa{ float: left; width: 275px;}
.feed textarea{ float: left;margin-bottom: 10px; height: 100px; padding-left: 10px;}
.feed img{ margin-bottom: 10px;}
.feed input.code{ float: left; height: 45px; width: 100px; margin-right: 10px;margin-bottom: 10px;}
.feed span{ float: left;; line-height: 45px; margin-right: 10px; margin-bottom: 10px;}
.hsubmit{ background: #ccc; border:1px solid #999; height: 40px; width: 70px; }

/*foot*/
.link{ background: #0f3194; color: #fff;}
.hide{display:none;}
#tab  ul a{ color:#fff;}
#tab  ul{ list-style: none; padding-left: 0;}
#tab  ul{ color:#fff; font-size: 14px;}
#tab{ margin-bottom:20px;}
#tabs{ margin-top:20px;}
#tabs ul li{ float:left; margin-right:10px;padding-left:5px; width: 90px;}
#tabs ul li.on{ border-color:#fff;}
#tabs ul li a{ color: #fff;}
#tabs ul li b{font-size: 35px; float: left; line-height: 1;}
#tabs ul li span{ float: left; line-height: 1;}
#tabs ul li i{ float: left; line-height: 1.5; font-style: normal; font-size: 14px; width: 70%;}
.foot{ background: #031751; color: #fff ;line-height: 3; font-size: 14px;}


/*content*/
.ban img{ width: 100%; height: auto;}
.cont{ font-size: 14px;}
.cont a{ color: #333;}
.cont b{ color: #1f45b1; font-weight: normal;}
.cont b a{ color: #1f45b1;}
.lm img{ width: 160px; height: 160px;}
.lm h2{ font-size: 20px; color: #fff; background: #1f45b1; height: 80px; line-height: 80px; font-weight: bold; padding-left: 20px; margin:0;}
.lm h2 b{ font-size: 14px; text-transform: uppercase;}
.lm em{ height: 5px; margin:5px 0; width: 100%; background: #1f45b1; display: block;}
.lm li{ background: #1f45b1; border-bottom: 1px solid #fff; width: 100%; float: left; font-size: 14px; line-height:3; }
.lm li a{float: left; color: #fff; margin-left:20px;}
.lm li span{ color: #fff; float: right; margin-right: 20px;}
.lm p{ background: #eeeeee; font-size: 14px; padding: 30px 10px 15px 10px;}
.pl50{ padding-left: 50px;}
.conta{ background: url(/templates/main/images/cont.png) no-repeat  top left; height: 40px; padding-left: 40px; font-weight: bold; font-size: 20px; line-height: 20px;}
.con{ margin:15px 0; min-height: 100px;}
.con a{color: #333;}





<!--0.0001370906829834-->